|
Kurs HTML 4.01, XHTML 1.0 i CSS 2 z przyk│adami
autor: Dariusz Majgier •
ostatnia aktualizacja kursu: 2003.06.01
|
[Start] •
[Elementy HTML] •
[Atrybuty HTML] •
[Style CSS] •
[Porady online]
[A]
[B]
[C]
[D]
[E]
[F]
[H]
[I]
[K]
[L]
[M]
[N]
[O]
[P]
[Q]
[R]
[S]
[T]
[U]
[V]
[W]
[Z]
[kolory] •
[tekst] •
[czcionki] •
[rozmiary] •
[pozycje] •
[tabele] •
[listy] •
[formularze]
[struktura] •
[linki] •
[multimedia] •
[bloki] •
[obramowania] •
[t│a] •
[synteza] •
[druk]
COL
Element definiuje w│a╢ciwo╢ci pojedynczej kolumny.
Atrybuty elementu:
- • align
=[left|center|right|justify|char] opcjonalny - IE4
- wyr≤wnanie w poziomie
- • valign
=[top|middle|bottom|baseline]
opcjonalny - IE4
- wyr≤wnanie w pionie
- • char
=[znak] opcjonalny - ???
- znak, wzglΩdem kt≤rego nast▒pi wyr≤wnanie
- • charoff
=[piksele] opcjonalny - ???
- pozycja znaku wyr≤wnania
- • bgcolor
=[kolor] opcjonalny - IE4
- kolor t│a
- • width
=[piksele, procenty] opcjonalny - IE3, N6
- szeroko╢µ kolumny
- • span
=[liczba] opcjonalny - IE3, N6
- ilo╢µ kolumn w grupie
- • id,
class
=[tekst] opcjonalne - IE3, N4, O3.5
- unikalny identyfikator i nazwa klasy CSS
- • lang, dir
=[tekst] opcjonalne - IE4
- jΩzyk i kierunek wy╢wietlania tekstu b▒d╝ elementu
- • title
=[tekst] opcjonalny - IE5
- tytu│ elementu
- • style
=[CSS] opcjonalny - IE3, N4, O3.5
- styl CSS elementu
- • onclick,
ondblclick,
onmousedown,
onmouseup,
onmouseover,
onmousemove,
onmouseout,
onkeypress,
onkeydown,
onkeyup =[skrypt] opcjonalne
- reakcje na zdarzenia pochodz▒ce od myszy lub klawiatury
Pozosta│e cechy:
• znacznik zamykaj▒cy: zabroniony
• po│o┐enie:
wewn▒trz elementu TABLE
• przegl▒darki: IE3, N6, O4
Grupa element≤w tabeli:
CAPTION,
COL,
COLGROUP,
TABLE,
TBODY,
TD,
TFOOT,
TH,
THEAD,
TR
Przyk│adowe zastosowania:
• Przyk│ad 1:
<table border=1>
<caption>tabelka "tekstowa"</caption>
<thead align=center>
<tr><td colspan=3>nagl≤wek tabeli</td></tr>
</thead>
<tfoot align=center>
<tr><td colspan=3>stopka tabeli</td></tr>
</tfoot>
<colgroup width=100 align=center>
<col>
<col>
<col width=200>
</colgroup>
<tbody>
<tr><th> opis </th><th> opis </th><th> opis </th></tr>
<tr><td> tekst </td><td> tekst </td><td> tekst </td></tr>
<tr><td> tekst </td><td> tekst </td><td> tekst </td></tr>
<tr><td> tekst </td><td> tekst </td><td> tekst </td></tr>
</tbody>
</table>
Tabelka "tekstowa"
nagl≤wek tabeli |
stopka tabeli |
opis | opis | opis |
tekst | tekst | tekst |
tekst | tekst | tekst |
tekst | tekst | tekst |
• • •
Zobacz porady, skrypty, artyku│y i gotowe rozwi▒zania dla w│a╢cicieli stron WWW!
|